@charset "utf-8";
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img{ margin:0; padding:0;font-family: "微软雅黑"; }
ul,ol,li{list-style:none;}
p{font-family: "微软雅黑";}
a,u{text-decoration:none;font-family: "微软雅黑";}
img{border:0;display:block;}
h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:100;font-family: "微软雅黑";}
em,i{font-style:normal;font-family: "微软雅黑";}
b,strong{font-weight:100;font-family: "微软雅黑";}
.clearfix:after{content:".";clear:both;display:block;height:0;overflow:hidden;visibility:hidden;}
@font-face{font-family: Impact;}

/****nav****/
#nav{height: 73px;width: 100%;background-size:100% 100% ;position: fixed;top: 0;z-index: 10;}
.nav{height: 73px;width: 1200px;margin: 0 auto;border-top: 1px solid #005d96;overflow: hidden;}
.nav h1{height: 49px;width: 205px;background: url(../images_new/logo.png) no-repeat;margin:10px 0 15px 53px ;float: left;}
.nav_background1{background: url(../images_new/nav_background.png);}
.nav_background2{background: url(../images_new/nav_background1.png);}
.nav ul{float: left;margin-left: 324px;margin-top: -60px;}
.nav ul li{float: left;width: 88px;text-align: center;margin-right: 15px;}
.nav ul li .nav_li_a1{line-height:73px;color: #b6b6b6;cursor:pointer;}
.nav ul li .nav_li_a2{height: 28px;width: 89px;display: block;margin-top: 32px;color:#0375e9;line-height: 28px;cursor:pointer;background: url(../images_new/nav_botton.png) no-repeat;}
.nav ul .b{margin-top: 50px!important;}








/****banner****/
#banner{width: 100%;position: relative;}
#banner_img{width: 100%;position: absolute;left: 0;top: 0;}
.banner{width: 1200px;margin:0 auto ;}
.banner #computer{position: absolute;animation: mycomputer 1s forwards ;width: 25%;left: 15%;top: 30%; z-index: 2;}
/*computer amimation*/
@keyframes mycomputer{
	0{top: 25%;left: 10%;opacity: 0;}
	100%{top:25%;left:10%;opacity: 1;}
}

.banner #banner_font{position: absolute;animation: banner_font 2s 1s forwards;width: 40%;top: 35%;right:10%;z-index: 0;opacity: 0;filter:alpha(opacity=0);}
/*banner_font amimation*/
@keyframes banner_font{
	30%{transform: scale(0.5,0.5);opacity: 1;}
	100%{transform: scale(1,1);opacity: 1;}
}

/****product****/
#product{height: 480px;width:100% ;}
.product{width: 1200px;margin: 0 auto;}
.product .product_top{height: 79px;width: 550px;position: relative;border-bottom: 1px solid #dddddd;margin: 0 auto;}

.product .product_top h3{height: 24px;width: 94px;background: white;position: absolute;top: 64px;font-size: 24px;left:235px;text-align: center;font-weight: 700;color: #303030;}
.product .product_center{height: 12px;width: 1200px;font-size: 14px;color: #9c9c9c;text-align: center;padding-top:29px ;}
.product .product_core{height: 360px;width: 240px;float: left;cursor:pointer;}
.product .product_core .product_core_picture{background:url(../images_new/baiquan.png);height: 130px;width: 130px;margin: 67px auto 0;position: relative;}



.product .product_core:hover .product_core_picture{animation: my_product_img2 3s;display: block;}
.product .product_core h2{margin-top: 20px;text-align: center;font-size: 18px;font-weight: 400; color:#303030;}
.product .product_core h3{margin-top:15px;text-align: center;font-size: 14px; font-weight:100; color:#606060;}  
.product_core .bianhuaqian{position:absolute;top: 35px;left:46px;z-index: 2;}
.product_core .bianhua_img{position:absolute;top: 35px;left:46px;}

.product_core .bianhuaqian1{left:41px;}
.product_core .bianhua_img1{left:41px;}




.product .product_core .product_shouji{left: 40px;}
.product .product_core .product_guolu{left: 45px;}
.product .product_core .product_gongju{top: 41px;}
.product .product_core .product_diqiu{top: 38px;}

.product .product_core:hover .product_core_picture{background:url(../images_new/lanquan.png) no-repeat;}
.product .product_core:hover h2{color: #177BF9;}
.product .product_core:hover .product_core_picture .bianhuaqian{display: none;}
.product .product_core:hover .product_core_picture .bianhua_img{animation: my_product_img 2s;}

/*product amimation*/
@keyframes my_product_img{
	50%{opacity: 1;transform: rotateZ(360deg);}
	100%{opacity: 1;transform:rotateZ(360deg);}
}










/****number****/
#number{width:100%;overflow: hidden;position: relative;}
#number_img{width: 100%;position: absolute;left: 0;top: 0;z-index: -1;}
#number .number{width: 1200px;margin: 0 auto;}
#number .number .number_top{height: 55%;width: 1200px;}
#number .number .number_top p{padding-top:70px ;line-height: 30px;font-size:16px;width: 1024px;color: white;display: block;margin: 0 auto; text-indent:40px;}
.number .number_bottom{width: 1200px;}
.number .number_bottom .numbuter_10{height:254px; width: 316px;float: left;position: relative;}
.number .number_bottom .numbuter_10 .span_10{font-size: 130px;color: #ffffff;font-family: impact;line-height: 105px;}
.number .number_bottom .numbuter_10 b{font-size: 47px;color: #ffffff;position: absolute;left:142px;top:0px;font-family: impact;}
.number .number_bottom .numbuter_10 h3{font-size: 16px;color: #ffffff;margin-top: 36px;margin-left: 17px;height:15px;}

.number .number_bottom .numbuter_90{height: 254px;width:300px ;float: left;position: relative;}
.number .number_bottom .numbuter_90 .span_90{font-size: 130px;color: #ffffff;font-family: impact;line-height: 105px;}
.number .number_bottom .numbuter_90 b{font-size: 47px;color: #ffffff;position: absolute;left: 131px;top:0px;font-family: impact;}
.number .number_bottom .numbuter_90 h3{font-size: 16px;color: #ffffff;margin-top: 38px;margin-left: 17px;height:15px;}

.number .number_bottom .numbuter_4{height: 254px;width:266px ;float: left;position: relative;}
.number .number_bottom .numbuter_4 .span_4{font-size: 130px;color: #ffffff;font-family: impact;line-height: 105px;}
.number .number_bottom .numbuter_4 b{font-size: 47px;color: #ffffff;position: absolute;left:142px;top:0px;font-family: impact;}
.number .number_bottom .numbuter_4 h3{font-size: 16px;color: #ffffff;margin-top: 38px;margin-left: 17px;height:15px;}

.number .number_bottom .numbuter_200{height: 254px;width:239px ;float: left;position: relative;}
.number .number_bottom .numbuter_200 .span_200{font-size: 130px;color: #ffffff;font-family: impact;line-height: 105px;}
.number .number_bottom .numbuter_200 b{font-size: 47px;color: #ffffff;position: absolute;left: 216px;top:0px;font-family: impact;}
.number .number_bottom .numbuter_200 h3{font-size: 16px;color: #ffffff;margin-top: 38px;margin-left: 17px;height:15px;}


/****case****/
#case{height: 498px;width: 100%;}
.case{width: 1270px;margin: 0 auto;}
.case .case_top{height: 79px;width: 550px;position: relative;border-bottom: 1px solid #dddddd;margin: 0 auto;}
.case .case_top h3{height: 24px;width: 94px;background: white;position: absolute;top: 64px;font-size: 24px;left:235px;text-align: center;font-weight: 700;color: #303030;}
.case .case_center{height: 12px;width: 1270px;font-size: 14px;color: #9c9c9c;text-align: center;padding-top:29px;font-family: "微软雅黑";}
.case .case_bottom{height: 290px;width: 1270px;margin-top:50px;}
.case .case_bottom .case_logo1{height:142px;width: 1270px;}
.case .case_bottom .case_logo1 img{margin-top: 43px;margin-left:25px ;}
.case .case_bottom .case_logo1 .guoneng_img{margin-left:15px ;}
.case .case_bottom .case_logo1 h2{height:140px ;width: 313px;float: left;border-top: 1px solid #cccccc;border-left: 1px solid #cccccc;border-bottom: 1px solid #cccccc;position: relative;}
.case .case_bottom .case_logo1 .shenhuaguodian{margin-top:36px ;}

.case .case_bottom .case_logo2{height:142px;width: 1270px;}
.case .case_bottom .case_logo2 img{margin-top: 43px;margin-left:25px ;}
.case .case_bottom .case_logo2 .datang_img{margin-left:68px;height: 56px;width: 192px;}
.case .case_bottom .case_logo2 .huadain_img{margin-left:45px ;}
.case .case_bottom .case_logo2 h2{height:140px ;width: 313px;float: left;border-left: 1px solid #cccccc;border-bottom: 1px solid #cccccc;position: relative;}



/*bian hua hou*/ 
.case .case_bottom h2 .bianhuaqian{position: absolute;left: 0;top: 0;opacity: 0;}
.case .case_bottom h2 .bianhuahou{transition:all 1s;}
.case .case_bottom h2 .bianhuaqian{transform:rotateY(180deg);}

.case .case_bottom h2:hover .bianhuaqian{
	opacity: 1;
	transform: rotateY(360deg);
	transition: all 1s;
}
.case .case_bottom h2:hover .bianhuahou{
	transform: rotateY(180deg);
	transition: all 1s;
	display: none;
}



/****news****/
#news{height: 550px;width: 100%;background: #f2f2f2;overflow: hidden;}
.news{height: 550px;width: 1270px;margin: 0 auto;}
.news .news_top{height:45px;width: 550px;position: relative;border-bottom: 1px solid #dddddd;margin: 0 auto;}
.news .news_top h3{height: 24px;width: 94px;background: #f2f2f2;position: absolute;top:30px;font-size: 24px;left:235px;text-align: center;font-weight: 700;color: #303030;}
.news .news_center{height: 12px;width: 1270px;font-size: 14px;color: #9c9c9c;text-align: center;padding-top:29px;}
.news .news_bottom{height:409px ;width: 1273px;margin-top: 35px;}

.news .news_bottom1{height:360px;width: 433px;float: left;}
.news .news_bottom1 .news_time{height: 75px;width: 433px;padding-top:14px;background: #FFF; margin-top:25px}
.news .news_bottom1 .news_time h4{height: 74px;width: 80px;float: left;margin-left: 10px;}
.news .news_bottom1 .news_time h4 i{display: block;height: 37px;width: 80px;background: #1448b1;color: #FFFFFF;font-size:24px ;text-align: center;line-height: 37px;}
.news .news_bottom1 .news_time h4 b{display: block;height: 37px;width: 80px;background: #3366cc;color: #FFFFFF;font-size:9px ;text-align: center;line-height: 37px;}
.news .news_bottom1 .news_time h5{width: 320px;height: 80px;padding-left:108px;padding-top: 23px;color:#3366cc;font-size: 14px;}
.news .news_bottom1 h6{height:126px;width:411px;padding:0px 11px 0px 10px ;font-size: 12px;line-height: 22px;color:#8c8c8d ;padding-top: 15px;background: #FFFFFF;}

.news .news_bottom2{height: 357px;width: 400px;float: left;margin-left: 20px;}
.news .news_bottom2 .news_time2{height:100px;width: 400px;margin-top:24px;border-top: 3px solid #ebebeb;background:#fff;}
.news .news_bottom2 .news_time2 h4{height: 74px;width: 80px;margin-left: 18px;float: left;}
.news .news_bottom2 .news_diyikuang{margin-top:0;}
.news .news_bottom2 .news_time2 h4 i{display: block;height: 32px;width: 64px;background:#3366cc;color: #FFFFFF;font-size:24px ;text-align: center;line-height:32px;margin-top:18px}
.news .news_bottom2 .news_time2 h4 b{display: block;height: 32px;width: 64px;background: #999999;color: #FFFFFF;font-size:12px ;text-align: center;line-height:26px;}
.news .news_bottom2 .news_time2 h5{font-size:14px ;color:#353535;padding-top:35px;}
.news .news_bottom2 .news_time2 h6{font-size: 12px;color: #999999;line-height: 22px;width: 290px;padding: 8px 10px 0px 98px;}
.news .news_bottom2 .news_time2:hover{border-top:3px solid #3366cc;}

/****map****/
#map{width: 100%;height: 540px;background: url(../images_new/map_background.jpg) center}
.map{height: 538px;width: 1200px;margin:0 auto;}
.map .map_top{height: 48%;width: 1200px;position: relative;}
.map .map_top .map_gps_left{height:52px ;width: 357px;background:#080808 url(../images_new/map2.png) no-repeat 17px ;position: absolute;top:88px;left: 358px;}
.map .map_top .map_gps_left h2{margin-left:65px ;font-size: 15px;color: #b9b9b9;margin-top:5px}
.map .map_top .map_gps_left h3{margin-left:65px ;font-size: 12px;color: #b9b9b9;margin-top:4px}
.map .map_top .map_gps_right{height: 52px;width: 127px;background: url(../images_new/map1.png) no-repeat;position: absolute;top:88px;left: 716px;}
.map .map_bottom{height: 51%;width: 1200px;margin-top: 2%;}
.map .map_bottom .map_center{height: 140px;width: 1183px;}







/*bian hua qian*/
.map .map_bottom .map_center .map_telephone_1{height:141px ;width: 252px;float: left;position: relative;background:rgba(0,0,0,0.5);margin-right: 58px;overflow: hidden; cursor:pointer; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); }
.map .map_bottom .map_center .map_telephone_1 h2{height: 37px;width: 57px;background: url(../images_new/map3.png) no-repeat;margin-left: 90px;margin-top:25px ;}
.map .map_bottom .map_center .map_telephone_1 h3{height: 22px;width: 175px;padding-top:28px ;color: #00ffde;padding-left: 45px;font-family:"times new roman";font-size:26px; font-weight: bold;}

.map .map_bottom .map_center .map_telephone_2{height:141px ;width: 252px;float: left;position: relative;background:rgba(0,0,0,0.5);margin-right: 58px;overflow: hidden;cursor:pointer;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);}
.map .map_bottom .map_center .map_telephone_2 h2{height: 55px;width: 60px;background: url(../images_new/map4.png) no-repeat;margin-left: 90px;margin-top:25px ;}
.map .map_bottom .map_center .map_telephone_2 h3{height: 22px;width: 175px;padding-top:10px ;color: #00ffde;padding-left: 79px;font-family: "微软雅黑";font-size:22px;font-weight: 400;}

.map .map_bottom .map_center .map_telephone_3{height:141px ;width: 252px;float: left;position: relative;background:rgba(0,0,0,0.5);margin-right: 58px;overflow: hidden;cursor:pointer;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);}
.map .map_bottom .map_center .map_telephone_3 h2{height: 60px;width: 48px;background:url(../images_new/map5_03.png) no-repeat;margin-left: 96px;margin-top:22px ;}
.map .map_bottom .map_center .map_telephone_3 h3{height: 22px;width: 252px;padding-top:15px ;color: #00ffde;text-align: center;font-family: "微软雅黑";font-size:18px; }

.map .map_bottom .map_center .map_telephone_4{height:141px ;width: 252px;float: left;position: relative;background:rgba(0,0,0,0.5);overflow: hidden;cursor:pointer;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);}
.map .map_bottom .map_center .map_telephone_4 h2{height: 56px;width: 67px;background:url(../images_new/map6_03.png) no-repeat;margin-left: 96px;margin-top:22px ;}
.map .map_bottom .map_center .map_telephone_4 h3{height: 22px;width: 175px;padding-top:15px ;color: #00ffde;padding-left: 73px;font-family: "微软雅黑";font-size:22px;font-weight: 400;}


/*hover map*/
.map .map_bottom .map_center .map_telephone_1:hover{background: #0076db;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e50076db,endColorstr=#e50076db);}
.map .map_bottom .map_center .map_telephone_1:hover h3{color:#fff;}
.map .map_bottom .map_center .map_telephone_2:hover{background: #0076db;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e50076db,endColorstr=#e50076db);}
.map .map_bottom .map_center .map_telephone_2:hover h3{color:#fff;}
.map .map_bottom .map_center .map_telephone_3:hover{background: #0076db;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e50076db,endColorstr=#e50076db);}
.map .map_bottom .map_center .map_telephone_3:hover h3{color:#fff;}
.map .map_bottom .map_center .map_telephone_4:hover{background: #0076db;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e50076db,endColorstr=#e50076db);}
.map .map_bottom .map_center .map_telephone_4:hover h3{color:#fff;}




/****bottom****/
#bottom{height:auto;width: 100%;background: #202020;}
.bottom{height:auto;width: 1200px;margin:0 auto;}
.bottom .bottom_link{width: 1200px;padding: 20px 0px 0px 0px; overflow:hidden; height:auto}
.bottom .bottom_link h2{height:20px ;width: 53px;font-size: 24px;color: #177bf9;}
.bottom .bottom_link ul{margin-top: 25px;}
.bottom .bottom_link ul li{float: left;line-height: 12px;color: #666;font-size: 12px;}
.bottom .bottom_link ul li .li1{padding-left: 0;}
.bottom .bottom_link ul li a{display: block;padding:0 16px ;color: #666;font-size:12px ;line-height: 12px; margin-bottom:10px}
.bottom .bottom_link ul li:hover a{color:#d0d0d0;}
.bottom .bottom_middle{height: auto;width: 1200px;padding:40px 0px 40px 0; border-bottom:1px dashed #3f3f3f; overflow:hidden; display:block}

.bottom .bottom_middle .bottom_middle_meun {width:600px; height:auto;color:#6e6e6e; font-family:微软雅黑;  float:left; overflow:hidden }

.bottom .bottom_middle .bottom_middle_meun ul{ padding:0px; margin:0px;}
.bottom .bottom_middle .bottom_middle_meun ul li{ font-size:14px; width:120px; display:block; color:#FFFFFF; font-family:微软雅黑;line-height:28px; float:left  }
.bottom .bottom_middle .bottom_middle_meun ul li a{ color:#908c8c; text-decoration:none;display: inline-block;}
.bottom .bottom_middle .bottom_middle_meun ul li a:hover{ color:#fff ; text-decoration:none; display:block; }

.bottom .bottom_middle .bottom_middle_meun ul li ul{ margin-top:0px; }
.bottom .bottom_middle .bottom_middle_meun ul li ul li{ background:none; height:24px; line-height:24px; color:#565757; font-size:12px; font-weight:100; padding-bottom:0px; }
.bottom .bottom_middle .bottom_middle_meun ul li ul li a:link,.bottom .bottom_middle .bottom_middle_meun ul li ul li a:visited{ color:#666; text-decoration:none; background:none; height:24px; line-height:24px;font-size:12px; border: none; display:block }
.bottom .bottom_middle .bottom_middle_meun ul li ul li a:hover{color:#cbcbcb;text-decoration:none; background:none; }


.bottom .bottom_middle .bottom_middle_tel{ width:576px;overflow: hidden;float:right; margin-top:7px}
.bottom .bottom_middle .bottom_middle_tel .bottom_middle_tel_txt{ float:right; display:block}

.bottom .bottom_middle .bottom_middle_tel .bottom_middle_tel_wx{ float:left; display:block}

.bottom .bottom_middle .bottom_middle_tel .bottom_middle_tel_txt p{color: #666;margin-bottom: 20px;font-size: 16px;}
.bottom .bottom_middle .bottom_middle_tel .bottom_middle_tel_txt p span{font-size:30px;font-weight: 600; color:#fddf43}



.bottom .bottom_copyright{height: 97px;width: 1200px;}
.bottom .bottom_copyright h2{height: 6px;
    width: 127px;
    font-size: 24px;
    color: #fddf43;
    margin-top: 14px;}
.bottom .bottom_copyright h3{padding-top:29px;}
.bottom .bottom_copyright h3 a{font-size: 12px;color:#666 ;}






/****侧边栏****/
.right_cebianlan{height: 250px;width: 57px;position: fixed;top: 40%;right: 0;}
.right_cebianlan li{overflow: hidden;}
.right_cebianlan img{margin-top: 1px;position: relative;z-index: 5;}
.right_cebianlan .right_qq{height: 59px;background:#2f2f2f;position: absolute;right:-73px;top:59px;border-bottom-left-radius: 5px;border-top-left-radius: 5px;}
.right_cebianlan .right_qq h2{font-size: 16px;color: #FFFFFF;text-align: center;line-height: 59px;font-family: "微软雅黑";font-weight: bold;padding: 0 20px;}
.right_cebianlan .right_dianhua{height: 59px;background:#2f2f2f;position: absolute;top:119px;border-bottom-left-radius: 5px;border-top-left-radius: 5px;}
.right_cebianlan .right_dianhua h2{font-size: 16px;color: #FFFFFF;text-align: center;line-height: 59px;font-family: "微软雅黑";font-weight: bold;padding: 0 20px;}
.right_cebianlan .right_erweima{height:120px;width:120px;background:url(../images_new/ykkj_wx_1.png) no-repeat;position: absolute;right:-120px;top:179px;border-bottom-left-radius: 5px;border-top-left-radius: 5px;border-bottom-right-radius: 5px;}


/*banner样式*/

#div1 {
width:100px; background:#FF0000; height:100px; margin:10px;left:0px; position:relative}
#div2 {
width:100px; background:#FF0000; height:100px; margin:10px;left:0px; position:relative; z-index:2; border:1px solid #000000}
#shouye {
width:100%; background:#F63264;height:0px}
#dianji {width:50px; background:#FF0000; height:50px; right:0px;top:0px; position:absolute; z-index:2; border:1px solid #000000; text-align:center;}
.huandeng {width:100%; height:600px; margin:0px auto;overflow: hidden;position:relative}
.huandeng li {list-style-type:none; padding:0px; margin:0px}


.huandeng .fk{padding:0px;position:absolute; bottom:20px;  z-index:99; text-align:center; width:100%}
.huandeng .fk span{width:30px; height:10px;text-align:center;background:#fff; margin:0px 4px;display:inline-block;}
.huandeng .fk span.bian {background-color:#ff6600}

.huandeng ul {padding:0px; margin:0px; position:absolute}
.huandeng ul li {padding:0px; margin:0px;}




























